<template>
  <div class="container">
    <div class="box animate__animated animate__fadeInUp">55</div>
    <div class="content">内容</div>
    <div class="abc">文字颜色</div>
    <nuxt-link to="/">返回首页</nuxt-link>
    <nuxt-link to="/seo">SEO</nuxt-link>
  </div>
</template>
<script setup>
import '~/assets/css/test.scss'
definePageMeta({
  title: '关于我们',
})
useHead({
  // link: [{ rel: 'stylesheet', href: 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css' }],
})
</script>
<style>
/* @import url('animate.css'); */
/* @import "~/assets/css/test.scss"; */
.container{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.box{
  width: 200px;
  height: 200px;
  background-color: red;
}
</style>
<style lang="scss">
// @import url("~/assets/css/test.scss");
// @import "~/assets/css/test.scss";

.container{
    .content{ 
        // @include fontsize;

    }
}
</style>